<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>层次选择器</title>

		<script type="text/javascript" src="../js/jquery-1.7.2.js"></script>
		<script type="text/javascript">
			$(function(){
				//获取div中所有的后代input元素
				console.log($("div input"));
				//获取div中所有的子元素input
				console.log($("div>input"));
				//获取id为testId元素的下一个同辈input元素
				console.log($("#test1+input"));
				//获取id为testId元素的后面所有的同辈input元素
				console.log($("#test1~input"));
			});
		</script>
	</head>
	<body>		

	<div>
		<input type="text">
		<form action="">
			<input type="text">
			<input type="text" id="test1">

			<span><input type="text"></span>
			<input type="text">
			<input type="text">
			<input type="text">

		</form>
		<input type="text">
	</div>

	</body>
</html>

